@charset "utf-8";
/******************************************************

 概况：包团定制样式表
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 公共 */
@import 'public.css';

/* 头部 */
@import 'header.css';

/* 底部 */
@import 'footer.css';

/* 区域导航 */
.area_nav{ height:45px; background:#fff; box-shadow:0px 0px 10px -1px #CBCBCB; margin:0 auto; line-height:45px; border-radius:0 0 5px 5px;}
.area_nav ul{ overflow:hidden; width:1200px; margin:0 auto; padding-left:200px;}
.area_nav ul li{ float:left; height:45px;}
.area_nav ul li a{ display:block; float:left; padding:0 20px; font-weight:bold; font-size:14px;}

.banner{width: 100%; height: 560px; background: url(../images/company/banner.jpg) no-repeat center;}
.gray_bg{background-color: #f9f9f9; overflow: hidden;}
.white_bg{background-color: #ffffff; overflow: hidden; padding-bottom:30px;}
.main{width: 1200px; margin: 0 auto;}

.write_tittle{ text-align: center; margin: 30px 0;}
.write{ margin-left: 340px;}
.write input{border: 0; background-color:#dadada; height: 50px; width: 200px; padding:0 10px; margin:0 -4px 10px 0; color: #fff; font-size: 16px;}
.write .place{border-radius: 5px 0 0 5px;border-right: solid 1px #e5e5e5;}
.write .name{border-radius: 5px 0 0 5px;border-right: solid 1px #e5e5e5;}
.write .people{border-radius: 0 5px 5px 0;width: 220px;}
.write .phone{width: 220px;}
.write .sub{border-radius: 0 5px 5px 0; height:45px; width: 160px; background-color: #E00D6C; font-family:"微软雅黑"; font-weight:bold; color: white;}
.write_list{width: 1200px; height: 140px; background: url(../images/company/write_list.jpg) no-repeat center; margin: 60px 0 40px 0;overflow: hidden;}
.write_list a{display: inline-block; margin-left:150px; width: 113px; height: 113px;}

.write_form{ width:620px; margin:0 auto;}
.write_form ul{ overflow:hidden; margin-bottom:10px;}
.write_form ul li{ float:left;background-color:#dadada; height:50px;}
.write_form ul li.t1{border-radius: 5px 0 0 5px;width:225px;}
.write_form ul li.t2{border-radius:0 5px 5px 0;width:225px; background:#CCC}
.write_form ul li.t3{border-radius: 5px 0 0 5px;width:225px;}
.write_form ul li.t4{width: 225px; background:#ccc}
.write_form ul li.t5{border-radius: 0 5px 5px 0; height:50px; width: 160px; background-color: #E00D6C;  font-weight:bold; color: white;}
.write_form input{border: 0;  height: 20px; background:none; font-family:"微软雅黑"; line-height:20px; padding:15px 10px 15px 10px;  color: #fff; font-size: 16px;}
.write_form ul li.t5 input{ height:50px; width:100%; font-family:"微软雅黑"; text-align:center;}

/******省内包团*******/
.wrap_tittle01{ margin: 20px 0;}
.wrap_tittle01 h2{ font-size: 35px; padding:20px 0; color: #34B16F; margin-top: 10px; text-align: center;}
.wrap_tittle01 ul{overflow: hidden; margin: 10px -5px;}
.wrap_tittle01 ul li{float: left; padding:10px; margin:0 5px;font-size: 16px; font-weight: 600; color: #666666; cursor: pointer;}
.wrap_tittle01 ul span{float: right; margin: 10px 5px 0 0;}
.wrap_tittle01 ul span a{font-size: 13px; color: #34B16F;}
.wrap_tittle01 ul li a{ color:#666}
.wrap_tittle01 ul li.show{border-bottom: solid 5px #34B16F; color: #34B16F;}
.wrap_tittle01 ul li.show a{color: #34B16F;}
.wrap_tittle01 hr{border: none; height: 3px; background: #eaeaea; margin-top: -14px;}

.wrap1_tabel>ul{display: none;}

.wrap1_tabel>ul.wrap1{padding-bottom: 20px; margin: 0 -15px; display: block;}
.wrap1:after{content: ""; clear: both; display: block;}
.wrap1>li{float: left; margin: 10px 15px; width: 380px;}
.wrap1 li img{width: 380px; margin-bottom: 5px; height:230px;}
.wrap1 li .box_bd{padding: 0 0 0 0; margin-top: -10px;border: solid 1px white; box-sizing: border-box;}
.wrap1 li .box_bd h3{font-size: 20px; color: #34B16F; font-weight: 600; line-height: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrap1 li .box_bd .date{overflow: hidden;/* margin: 0; */height: 50px;/* overflow: hidden; */ margin-bottom:15px;}
.wrap1 li .box_bd .date li{float: left; margin-right:10px; color: #333333;}
.wrap1 li .box_bd .brief{overflow: hidden; height: 95px;}
.wrap1 li .box_bd .brief li{line-height: 24px; font-family: simsun;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrap1 li .box_bd .brief li:before{content: "·"; font-size: 30px; font-weight: bold; margin:0 5px 0 0; float: left;}
.wrap1 li .buy{ background:url(../images/company/buy_bg.png) #34B16F; height: 60px; padding: 0 15px; position: relative;}
.wrap1 li .buy:after{content: ""; width: 5px; height: 5px;background: url(../images/company/greed_icon.png) no-repeat; position: absolute; bottom: -5px; right: 0px;}
.wrap1 li .buy h5{color: white; font-size: 30px; float: left; margin: 19px 50px 0 0; font-weight:600;}
.wrap1 li .buy h5:before{content: "￥";}
.wrap1 li .buy p{float: left;}
.wrap1 li .buy p span.sale{ background-color: white; color: #34B16F; font-size: 12px; padding: 0 5px; line-height: 24px; display: block; margin:10px 0 2px 0; border-radius: 2px;}
.wrap1 li .buy p span.old{color: white; font-size: 13px;}
.wrap1 li .buy p span.old:before{content: "￥"; }
.wrap1 li .buy button{float: right; border: none; background-color: #41BD6A; width: 90px; height: 40px;color: #333; font-size: 17px; margin: 10px 5px 0 0; cursor: pointer;}
.wrap1 li .buy button a{ font-family:"微软雅黑"; color:#fff; font-weight:bold;}

/***********国内包团***********/
.wrap_tittle02{}
.wrap_tittle02 h2{text-align: center; font-size: 35px; color: #f1670a; margin:50px 0 0 0; padding:20px 0}
.wrap_tittle02 ul{text-align: center;margin-bottom: 15px;}
.wrap_tittle02 ul li{display: inline-block; margin: 0 10px;}
.wrap_tittle02 ul li a{color: #f1670a; font-weight: 600; font-size:14px;}

.wrap2{overflow: hidden; margin: 0 -8px; padding-bottom: 70px;}
.wrap2>li{float: left; background-color: #FFFFFF;width: 258px;padding: 15px;margin: 0 8px;/* border: solid 1px #CCCCCC; */}
.wrap2>li img{width: 258px;/* height: 170px; */}
.wrap2>li ul{overflow: hidden;padding: 10px 10px 10px 20px;height: 115px; overflow: hidden;}
.wrap2>li ul li{float: left;width: 70px; margin-bottom:3px;}
.wrap2>li ul li a{color: #666666;}
.wrap2>li ul li a:hover{color: #F1670A;}

/************出境长线*************/
.wrap_tittle03{}
.wrap_tittle03 h2{text-align: center; font-size: 35px; padding:20px 0; color: #325688; margin:50px 0 0 0; }
.wrap_tittle03 ul{text-align: center; margin-bottom: 15px;}
.wrap_tittle03 ul li{display: inline-block; margin: 0 10px;}
.wrap_tittle03 ul li a{color: #666666; font-weight: 600; font-size:14px;}

.wrap3{overflow: hidden; padding-bottom: 70px;}
.wrap3 .wrap3_left{float: left; margin:0 20px 0 -22px; width: 932px;}
.wrap3 .wrap3_left li{margin:0 0 30px 22px; width: 444px; float: left;}
.wrap3 .wrap3_left li .img_box{width: 444px; height: 250px; margin-bottom: 10px; overflow: hidden;}
.wrap3 .wrap3_left li img{width: 444px; transition: all 0.5s linear;}
.wrap3 .wrap3_left li h3{float: left; margin: 0 10px; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight:normal;}
.wrap3 .wrap3_left li p{float: right;margin-right: 10px; color: #e71a59; font-size: 20px;font-weight: 600;}
.wrap3 .wrap3_left li p span{ color: #e71a59; font-size: 20px;font-weight: 600;}
.wrap3 .wrap3_left li:hover h3{color: #325688;}
.wrap3 .wrap3_left li:hover .img_box img{transform: scale(1.05); -webkit-transform:scale(1.05);}

.wrap3 .wrap3_right{float: right; border-top:solid 3px #3cc7bf; padding-left: 20px; width: 250px; background: #FFFFFF; padding-bottom: 20px;}
.wrap3 .wrap3_right dt{margin:20px 0 5px 0; color: #325688; font-size: 20px; font-weight: bold; }
.wrap3 .wrap3_right dd{display: inline-block; width: 80px; margin: 3px 0;}
.wrap3 .wrap3_right dd a:hover{color:#000;}

/************出境短线*************/
.wrap_tittle04{}
.wrap_tittle04 h2{text-align: center; font-size: 35px; color: #d63b3f;margin: 70px 0 15px 0;}
.wrap_tittle04 ul{text-align: center; margin-bottom: 15px;}
.wrap_tittle04 ul li{display: inline-block; margin: 0 10px;}
.wrap_tittle04 ul li a{color: #D63B3F; font-weight: 600; font-size:14px;}

.wrap4{overflow: hidden; padding-bottom: 70px;}
.wrap4_left{float: left;width: 905px;}
.wrap4_left>li{/* width: 904px; */ background-color: #FFFFFF;/* height: 246px; */ position: relative; margin-bottom: 30px;padding: 20px;overflow: hidden;}
.wrap4_left>li .img_box{width: 420px;/* height: 225px; */margin-right: 20px; float: left; overflow: hidden;}
.wrap4_left>li img{width: 420px;/* height: 246px; */ transition: all 0.5s linear;}
.wrap4_left>li .img_box:hover img{transform:translateX(-10px); -webkit-transform:translateX(-10px);}
.wrap4_left li h3{font-size: 25px; color:#D63B3F; font-weight: 600; line-height: 60px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrap4_left li .weixin{float: left; margin-top: 30px; padding-left: 20px; background: url(../images/company/6.png) no-repeat;font-size: 12px;}

.wrap4_left li .date{overflow: hidden; margin:0 0 10px 5px;/* height: 20px; */font-size: 14px;}
.wrap4_left li .date li{float: left; margin-right:10px; color: #333333;}
.wrap4_left li .brief{overflow: hidden; max-height: 95px;}
.wrap4_left li .brief li{line-height: 20px; font-family: simsun;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrap4_left li .brief li:before{content: "·"; font-size: 30px; font-weight: bold; float: left;}
.wrap4_left li .buy{ background:url(../images/company/buy_bg.png) #D63B3F; height: 60px; padding: 0 15px; width: 340px; position: absolute;bottom: 20px;right: 0px;}
.wrap4_left li .buy:after{content: ""; width: 5px; height: 5px; float: right; background: url(../images/company/red_icon.png) no-repeat; margin: 60px -110px 0 0;}
.wrap4_left li .buy h5{color: white; font-size: 30px; float: left;margin: 19px 50px 0 0; font-weight:600;}
.wrap4_left li .buy h5:before{content: "￥";}
.wrap4_left li .buy p{float: left;}
.wrap4_left li .buy p span.sale{ background-color: white; color:#D63B3F; font-size: 12px; padding: 0 5px; line-height: 24px; display: block; margin:10px 0 2px 0; border-radius: 2px;}
.wrap4_left li .buy p span.old{color: white; font-size: 13px;}
.wrap4_left li .buy p span.old:before{content: "￥"; }
.wrap4_left li .buy button{float: right; border: none; background-color: #ffc000; width: 90px; height: 40px;color: #333; font-size: 17px; margin: 10px 5px 0 0; cursor: pointer;}
.wrap4_left li .buy button a{ font-family:"微软雅黑"; color:#D63B3F; font-weight:bold;}
.wrap4_right{float: right; border-top:solid 3px #3cc7bf; padding-left: 20px; width: 250px; background: #FFFFFF; padding-bottom: 20px;}
.wrap4_right dt{margin:20px 0 5px 0; color:#D63B3F; font-size: 20px; font-weight: bold; }
.wrap4_right dd{display: inline-block; width: 80px; margin: 3px 0;}
.wrap4_right dd a:hover{color:#D63B3F;}










